@charset "UTf-8";

.kh-meet-page {
  padding-top: (40/18)+em;
  padding-bottom: (100/18)+em;
}

.#{$ns} {
  &-meetdate-list {
    padding: 2em 0;
    margin-bottom: (20/18)+em;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    overflow: hidden;
  }
  &-mdl-left {
    float: left;
    width: percentage(340/1200);
    > i {
      display: block;
      //width: 120px;
      //height: 72px;
      margin: 0 auto;
      //background-image: url('../../images/date-sprite.png');
      background-repeat: no-repeat;
    }
    > span {
      display: block;
      width: 120px;
      margin: 0 auto;
      line-height: 1.2;
      font-size: 24px;
      color: #2a3b4b;
      text-align: center;
    }
  }
  &-mdl-body {
    float: left;
    width: percentage(860/1200);
    overflow: hidden;
    .#{$ns}-mdl-item {
      float: left;
      height: 42px;
      line-height: (42/16);
      color: #262626;
      font-size: 0;
      white-space: nowrap;
      overflow: hidden;
      > span {
        display: inline-block;
        line-height: (42/16);
        font-size: 16px;
        vertical-align: middle;
      }
      .icon-date, .icon-adr {
        display: inline-block;
        width: 34px;
        height: 42px;
        background-image: url('../../images/meet-icondate.png');
        background-repeat: no-repeat;
        vertical-align: middle;
      }
      .icon-date {
        background-position: 0 50%;
      }
      .icon-adr {
        background-position: -30px 50%;
      }
    }
    .w210 {
      width: percentage(210/860);
    }
    .w190 {
      width: percentage(190/860);
    }
    .w460 {
      width: percentage(460/860);
      font-weight: bold;
    }
  }
}
